<%@page import="pl.peterjack.model.dane.Pracownik"%>
<%@page import="pl.peterjack.model.dane.PracownikUprawnienia"%>
<%@page import="pl.peterjack.model.dane.Klient"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<% Pracownik pracownik = (Pracownik) request.getAttribute("firma_pracownik");  %>
<% PracownikUprawnienia pracownikUprawnienie = (PracownikUprawnienia) request.getAttribute("firma_pracownik_uprawnienie");  %>
<% Klient klient = (Klient) request.getAttribute("firma_klient");  %>
    
    
<div id="produktyPanel" dojoType="dijit.layout.ContentPane" region="center" class="zawartoscPanela"  >
                	<div  dojoType="dijit.layout.ContentPane" region="top">
                	<% if ( klient == null && (pracownik == null || pracownikUprawnienie == null || (pracownikUprawnienie.getDodawanieProduktow() != null && pracownikUprawnienie.getDodawanieProduktow().booleanValue()) ) ) { %>
	                	<button class="przyciskiLewo" id="dodajProduktButtonNode" dojoType="dijit.form.Button" type="button">Dodaj
	                		<script type="dojo/connect" data-dojo-event="onClick">
    							dijit.byId("dodawanieProduktu").show();
  							</script>
	                	</button>
	                <% } %>
	                	
	                	<button class="przyciskiPrawo" id="resetProduktyButtonNode" dojoType="dijit.form.Button" type="button">
	                		Reset
	                		<script type="dojo/method" event="onClick" args="evt">
            					produktyDataGrid.store.close();
								produktyDataGrid.store.url = "/dane/produkt/lista";
								produktyDataGrid._refresh();
								produktyDataGrid.filter({nazwa: '*'});
            				</script>
	                	</button>
	                	
	                	
                	<% if ( klient == null && (pracownik == null || pracownikUprawnienie == null || (pracownikUprawnienie.getDodawanieProduktow() != null && pracownikUprawnienie.getDodawanieProduktow().booleanValue()) ) ) { %>
	                	<button class="przyciskiPrawo" id="usunProduktButtonNode" dojoType="dijit.form.Button" type="button" region="trailing">
                			Usuń
                			<script type="dojo/method" event="onClick" args="evt">
            					var items = produktyDataGrid.selection.getSelected();
            					if (items.length) {
                					dojo.forEach(items, function(selectedItem) {
                    					if (selectedItem !== null) {
                        					if(selectedItem) {
												var xhrArgs = {
                									url: "/dane/produkt/usuwanie",
                									postData: "id="+selectedItem.id,
                									handleAs: "text",
                									load: function(data) {
                    									produktyDataGrid.store.close();
														produktyDataGrid.store.url = "/dane/produkt/lista";
														produktyDataGrid._refresh(); // or grid.store.fetch();
                									},
                									error: function(error) {
                    									console.log(error);
                									}
            									};
            									var deferred = dojo.xhrPost(xhrArgs);
											} 
                    					} // end if
                					}); // end forEach
            					} // end if
            				</script>
                		</button>
                		
                		<button class="przyciskiPrawo" id="edytujKlienciButtonNode" dojoType="dijit.form.Button" type="button" region="trailing">
                			Edytuj
                			<script type="dojo/method" event="onClick" args="evt">
            					var items = produktyDataGrid.selection.getSelected();
            					if (items.length) {
                					dojo.forEach(items, function(selectedItem) {
                    					if (selectedItem !== null) {
                        					if(selectedItem) {
												// ustawiamy pola formularza 
												dojo.byId('edycjaId').value = selectedItem.id;
												dijit.byId('edycjaProduktCenaBrutto').set('value',selectedItem.cenaBrutto);
												dijit.byId('edycjaProduktVat').set('value',selectedItem.procentVat);
												dijit.byId('edycjaProduktCenaNetto').set('value',selectedItem.cenaNetto);
												dijit.byId('edycjaProduktNazwa').set('value',selectedItem.nazwa);
												// wyswietlamy formularz
												dijit.byId("edycjaProduktu").show();
											} 
                    					} // end if
                					}); // end forEach
            					} // end if
            				</script>
                		</button>
                	<% } %>
	                	
	                	<input type="text" name="wyszukaj" value="" dojoType="dijit.form.TextBox" 
	                			trim="true" id="wyszukajProduktyTextBox" style="width:80%;" 
	                			onchange="produktyDataGrid.filter({nazwa: '*' + dijit.byId('wyszukajProduktyTextBox').value + '*'});" />
	                	
	                			
	                			
	                			
                	</div>
                	
                	<div id="produktyPanelTabeli" dojoType="dijit.layout.ContentPane" region="center" style="width: 99%; height: 320px;">
                	
                	
<span dojoType="dojo.data.ItemFileReadStore" jsId="storeProdukty"
	url="/dane/produkt/lista"  urlPreventCache="true" clearOnClose="true">
</span>
<table dojoType="dojox.grid.DataGrid" jsId="produktyDataGrid" store="storeProdukty" query="{ id: '*' }" 
	clientSort="true"  jsId="gridProdukty" >
    <thead>
        <tr>
        	<th width="10px">
        	
        	</th>
            <th width="30px" field="id">
                id
            </th>
            <th width="100%">
                nazwa
            </th>
            <th width="70px" field="cenaNetto">
            	netto
            </th>
            <th width="60px" field="procentVat">
            	vat
            </th>
            <th width="70px"  field="cenaBrutto">
            	brutto
            </th>
        </tr>
    </thead>
</table>


                	
                	</div>
                	
                	
                </div>
                
                
                
                
        <div id="dodawanieProduktu" dojoType="dijit.Dialog">
			<form action="/dane/produkt/dodawnie" id="produktDodawanieForm">
				<fieldset>
					<legend> <h2>Dodawanie nowego produktu!</h2> </legend>
					<div class="czesc_form">
						<label>Nazwa: </label>
						 <input class="text" type="text"
							name="nazwa" value=""
							dojoType="dijit.form.ValidationTextBox" required="true"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>Cena netto: </label>
						 <input class="text" type="text"
							name="cena_netto" value="" jsId="produktCenaNetto"
							dojoType="dijit.form.ValidationTextBox" required="true"
							promptMessage="Prosimy o wypełnienie pola" intermediateChanges="true"
							invalidMessage="Prosimy o wypełnienie pola" jsId="cenaNettoProdukt"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>vat: </label>
						 <input class="text" type="text" jsId="produktVat"
							name="vat" value="23"
							dojoType="dijit.form.ValidationTextBox" required="true"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" /> %
					</div>
					<div class="czesc_form">
						<label>Cena brutto: </label>
						 <input class="text" type="text" jsId="produktCenaBrutto"
							name="cena_brutto" value="" intermediateChanges="true"
							dojoType="dijit.form.ValidationTextBox" required="true"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" />
					</div>
					<div class="submit">
						<button type="submit" dojoType="dijit.form.Button" >
		                    Dodaj produkt
		                </button>
						<span id="komunikaty_dodawanie_produktu"> </span>
					</div>
				</fieldset>
			</form>
		</div>
        
        
        
        
        
               
        <div id="edycjaProduktu" dojoType="dijit.Dialog">
			<form action="/dane/produkt/edycja" id="produktEdycjaForm">
				<input type="hidden" name="id" id="edycjaId" value="0" />
				<fieldset>
					<legend> <h2>Edycja produktu!</h2> </legend>
					<div class="czesc_form">
						<label>Nazwa: </label>
						 <input class="text" type="text" id="edycjaProduktNazwa"
							name="nazwa" value=""
							dojoType="dijit.form.ValidationTextBox" required="true"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>Cena netto: </label>
						 <input class="text" type="text"
							name="cena_netto" value="" id="edycjaProduktCenaNetto" jsId="edycjaProduktCenaNetto"
							dojoType="dijit.form.ValidationTextBox" required="true"
							promptMessage="Prosimy o wypełnienie pola" intermediateChanges="true"
							invalidMessage="Prosimy o wypełnienie pola" jsId="cenaNettoProdukt"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>vat: </label>
						 <input class="text" type="text" id="edycjaProduktVat" jsId="edycjaProduktVat"
							name="vat" value="23"
							dojoType="dijit.form.ValidationTextBox" required="true"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" /> %
					</div>
					<div class="czesc_form">
						<label>Cena brutto: </label>
						 <input class="text" type="text" id="edycjaProduktCenaBrutto" jsId="edycjaProduktCenaBrutto"
							name="cena_brutto" value="" intermediateChanges="true"
							dojoType="dijit.form.ValidationTextBox" required="true"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" />
					</div>
					<div class="submit">
						<button type="submit" dojoType="dijit.form.Button" >
		                    Edycja produktu
		                </button>
						<span id="komunikaty_edycja_produktu"> </span>
					</div>
				</fieldset>
			</form>
		</div>
        